<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.0.min.js"></script>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath }/css/admin.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/jquery-ui.css" />
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-ui-1.10.4.custom.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.ui.datepicker-zh-CN.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-ui-timepicker-zh-CN.js"></script>

<style type="text/css">
.main {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	/*#666666*/
	text-align: center;
	vertical-align: top;
}

table {
	width: auto;
	height: auto;
	margin: 0px auto;
}
td{
	margin-top: 10px;
}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
</style>
<body style="font-size: 12px">
	<div class="main">
		<form action="${pageContext.request.contextPath }/stuRegister.action" method="post"  enctype="multipart/form-data">
			<table>
				<tr>
					<td>姓名</td>
					
					<td>
					
					<input type="text" name="sname"></td>
				</tr>
				<tr>
					<td>性别</td>
					<td>
						<label>
							男<input type="radio" name="sex" value="男">
						</label>
						<label>
							女<input type="radio" name="sex" value="女">
						</label>
					</td>
				</tr>
				<tr>
					<td>体重</td>
					<td><input type="text" name="weight"></td>
				</tr>
				<tr>
					<td>生日</td>
					<td>
						<input name="birth" type="text" class="text-box" 
						value="" placeholder="生日" title="生日" 
						readonly="readonly" style="cursor:pointer;"/>
					</td>
					<script type="text/javascript">
						$( "input[name='birth'],input[name='birth']" ).datetimepicker();
					</script>
				</tr>
				<tr>
					<td>头像</td>
					<td><input type="file" name="headImg"/></td>
				</tr>
				<tr>
					<td>班级
					</td>
					<td><select name="cid">
							<c:forEach items="${clist }" var="i">
								<option value="${i.id }">${i.cname }</option>
							</c:forEach>
							
					</select></td>
				</tr>
				<tr>
					<td></td>
					<td>
						<input type="submit" value="添加"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>